<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>日历</title>
   <style>
/*background*/
body{
    width: 500px;
    height: 600px;
    background-image: url('background.jpg');
    background-repeat:no-repeat;
    background-position:center;
    background-size:500px 850px;
    background-attachment:fixed;
}
#phone
    {
      border-style:solid;
      position: absolute;
      left:47%;
      top: 47%;
      margin: -400px 0 0 -200px;
      width: 500px;
      height: 850px;
    }
    .map{
        width:400px;
        bottom: 0;
        margin:50px auto;
        overflow: hidden;
    }
    .map div{
      width: 80px;
      float: left;
      margin-left: 15px;
    }
    .map div img{
      display: block;
      width: 50px;
    }
/*日历表格*/
    table {
                width: 300px;
                margin: auto;
                text-align: center;
                border: 2px solid pink;
      }     
      th,
      td {
          border: 2px solid pink;
          padding:5px
      }  
      .today {
          color: red;
      }
    </style>
      
</head>
<body>
    <div id="phone" style="text-align:center">
    <div >
        <h1 style="text-align:center ;font-family: 隶书; width:100%;color:#EFA554;padding:5px;">民大疫事办</h1>
    </div><br><br><br><br><br>
    <script>
        //判断当前年份是否是闰年
        function isLeap(year) {
            return year % 4 == 0 ? (year % 100 != 0 ? 1 : (year % 400 == 0 ? 1 : 0)) : 0;
        }
        var i, k,
            //获取今日日期
            today = new Date(), 
            y = today.getFullYear(), 
            //获取月份(0到11)
            m = today.getMonth(), 
            d = today.getDate(), 
            firstday = new Date(y, m, 1), 
            dayOfWeek = firstday.getDay(),
            days_per_month = new Array(31, 28 + isLeap(y), 31, 30, 31, 30, 31, 31, 30, 31, 30, 31), 
            str_nums = Math.ceil((dayOfWeek + days_per_month[m]) / 7);
        document.write("<table cellspacing='0'><tr><td colspan ='7'>" + y + "年" + (m + 1) + "月" + "</td></tr>");
         //显示星期
        document.write("<tr><th>日</th><th>一</th><th>二</th><th>三</th><th>四</th><th>五</th><th>六</th></tr>");
        //二维数组创建日期表格
        for(i = 0; i < str_nums; i += 1) { 
            document.write('<tr>');
            for(k = 0; k < 7; k++) {
                var idx = 7 * i + k;
                var date = idx - dayOfWeek + 1; 
                (date <= 0 || date > days_per_month[m]) ? date = ' ': date = idx - dayOfWeek + 1; 
                 //显示当天
                date == d ? document.write('<td class="today">' + date + '</td>') : document.write('<td>' + date + '</td>');
            }
            document.write('</tr>');
        }
        document.write('</table>');
    </script>
    <br><br><br><br><br><br><br><br><br><br><br><br>
        <div align="center" class="map">
            <div><a href="首页.html"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="49" height="49" viewBox="0 0 49 49" fill="none"><g opacity="1" transform="translate(0 0)  rotate(0 24.5 24.5)"><path  id="路径 2" style="stroke:#000000; stroke-width:2; stroke-opacity:1; stroke-dasharray:0 0" transform="translate(7.65625 6.661424021258285)  rotate(0 16.84375 17.341162989370854)" d="M0,15.45L0,33.15C0,34 0.69,34.68 1.53,34.68L10.72,34.68C11.56,34.68 12.25,34 12.25,33.15L12.25,23.96C12.25,23.12 12.94,22.43 13.78,22.43L19.91,22.43C20.75,22.43 21.44,23.12 21.44,23.96L21.44,33.15C21.44,34 22.12,34.68 22.97,34.68L32.16,34.68C33,34.68 33.69,34 33.69,33.15L33.69,15.45C33.68,15.02 33.5,14.61 33.19,14.32L17.88,0.4C17.29,-0.13 16.4,-0.13 15.81,0.4L0.5,14.32C0.19,14.61 0.01,15.02 0,15.45Z " /></g></svg></a></div>
            <div><a href="日历.html"> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="49" height="49" viewBox="0 0 49 49" fill="none"><g opacity="1" transform="translate(0 0)  rotate(0 24.5 24.5)"><path  id="路径 2" style="stroke:#000000; stroke-width:2; stroke-opacity:1; stroke-dasharray:0 0" transform="translate(7.65625 7.65625)  rotate(0 16.84375 16.84375)" d="M1,33.69L32.69,33.69C33.24,33.69 33.69,33.24 33.69,32.69L33.69,1C33.69,0.45 33.24,0 32.69,0L1,0C0.45,0 0,0.45 0,1L0,32.69C0,33.24 0.45,33.69 1,33.69Z " /><path  id="路径 3" style="stroke:#000000; stroke-width:2; stroke-opacity:1; stroke-dasharray:0 0" transform="translate(33.6875 4.59375)  rotate(0 0.005 3.0625)" d="M0,6.13Z M0,0L0,6.13 " /><path  id="路径 4" style="stroke:#000000; stroke-width:2; stroke-opacity:1; stroke-dasharray:0 0" transform="translate(15.3125 4.59375)  rotate(0 0.005 3.0625)" d="M0,6.13Z M0,0L0,6.13 " /><path  id="路径 5" style="stroke:#000000; stroke-width:2; stroke-opacity:1; stroke-dasharray:0 0" transform="translate(7.65625 16.84375)  rotate(0 16.84375 0.005)" d="M0,0Z M33.69,0L0,0 " /><path  id="路径 6" style="stroke:#000000; stroke-width:2; stroke-opacity:1; stroke-dasharray:0 0" transform="translate(17.609375 24.5)  rotate(0 6.890625 4.2109375)" d="M13.78,0L4.84,8.42L0,3.83 " /></g></svg></a></div>
            <div> <a href="地图.html"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="49" height="51" viewBox="0 0 49 51" fill="none"><g opacity="1" transform="translate(0 0)  rotate(0 24.5 25.083333333333336)"><path  id="路径 2" style="stroke:#000000; stroke-width:2; stroke-opacity:1; stroke-dasharray:0 0" transform="translate(6.125 7.838541666666667)  rotate(0 6.125 15.677083333333334)" d="M12.25,28.22L0,31.35L0,3.14L12.25,0 " /><path  id="路径 3" style="stroke:#000000; stroke-width:2; stroke-opacity:1; stroke-dasharray:0 0" transform="translate(18.375 7.838541666666667)  rotate(0 6.125 17.244791666666668)" d="M12.25,34.49Z M12.25,6.27L0,0L0,28.22L12.25,34.49L12.25,6.27Z " /><path  id="路径 4" style="stroke:#000000; stroke-width:2; stroke-opacity:1; stroke-dasharray:0 0" transform="translate(30.625 10.973958333333334)  rotate(0 6.125 15.677083333333334)" d="M0,3.14L12.25,0L12.25,28.22L0,31.35 " /></g></svg></a></div>
            <div><a href="我的(未登录).html"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="49" height="49" viewBox="0 0 49 49" fill="none"><g opacity="1" transform="translate(0 0)  rotate(0 24.5 24.5)"><path  id="路径 2" style="stroke:#000000; stroke-width:2; stroke-opacity:1; stroke-dasharray:0 0" transform="translate(29.09375 21.4375)  rotate(0 3.828125 0.005)" d="M7.66,0Z M0,0L7.66,0 " /><path  id="路径 3" style="stroke:#000000; stroke-width:2; stroke-opacity:1; stroke-dasharray:0 0" transform="translate(29.09375 27.5625)  rotate(0 3.828125 0.005)" d="M7.66,0Z M0,0L7.66,0 " /><path  id="路径 4" style="stroke:#000000; stroke-width:2; stroke-opacity:1; stroke-dasharray:0 0" transform="translate(13.034765625000004 18.375)  rotate(0 4.59375 4.59375)" d="M4.59,0C2.06,0 0,2.06 0,4.59C0,7.13 2.06,9.19 4.59,9.19C7.13,9.19 9.19,7.13 9.19,4.59C9.19,2.06 7.13,0 4.59,0Z " /><path  id="路径 5" style="stroke:#000000; stroke-width:2; stroke-opacity:1; stroke-dasharray:0 0" transform="translate(11.694921875000004 27.5504900106504)  rotate(0 5.933593749999999 2.302879994674815)" d="M0,4.61C0.69,1.9 3.14,0 5.93,0C8.73,0 11.17,1.9 11.87,4.61 " /><path  id="路径 6" style="stroke:#000000; stroke-width:2; stroke-opacity:1; stroke-dasharray:0 0" transform="translate(6.125 9.1875)  rotate(0 18.375 15.3125)" d="M1,30.63L35.75,30.63C36.3,30.63 36.75,30.18 36.75,29.63L36.75,1C36.75,0.45 36.3,0 35.75,0L1,0C0.45,0 0,0.45 0,1L0,29.63C0,30.18 0.45,30.63 1,30.63Z " /></g></svg></a></div>
        </div>
</div>  
</body>
</html>